@charset "UTF-8";

 @font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?34305650');
  src: url('../font/fontello.eot?34305650#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?34305650') format('woff'),
       url('../font/fontello.ttf?34305650') format('truetype'),
       url('../font/fontello.svg?34305650#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?34305650#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - magrins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-weibo:before { content: '\4a'; } /* 'J' */
.icon-twitter:before { content: '\54'; } /* 'T' */
.icon-gmail:before { content: '\6d'; } /* 'm' */
.icon-home:before { content: '\2302'; } /* '⌂' */
.icon-hand-right:before { content: '\261e'; } /* '☞' */
.icon-info:before { content: '\e705'; } /* '' */
.icon-tags:before { content: '\e70d'; } /* '' */
.icon-comment:before { content: '\e718'; } /* '' */
.icon-rss:before { content: '\f09e'; } /* '' */
.icon-list:before { content: '\f0ca'; } /* '' */
.icon-mail:before { content: '\f0e0'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-github:before { content: '\f308'; } /* '' */
.icon-qq:before { content: '\f32a'; } /* '' */
.icon-user:before { content: '👤'; } /* '\1f464' */
.icon-bookmark:before { content: '🔖'; } /* '\1f516' */
.icon-link:before { content: '🔗'; } /* '\1f517' */


@font-face {
  font-family: 'Overlock';
  font-style: normal;
  font-weight: 400;
  src: local('Overlock'), local('Overlock-Regular'), url(../font/Overlock.woff) format('woff');
}

@font-face {
  font-family: 'Coda';
  font-style: normal;
  font-weight: 400;
  src: local('Coda'), local('Coda-Regular'), url(../font/Coda.woff) format('woff');
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
html,body{
  overflow-x: hidden; 
}
body:before{
    content: "";
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 8px;
    z-index: 100;
    background: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), transparent);
    background: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), transparent);
    background: -o-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), transparent);
    background: -ms-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), transparent);
    background: radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), transparent);
    background-size: 100% 8px;
    background-repeat: no-repeat;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}
/* End hide from IE-mac */
/*------------------------------------
* sext-v
*
* @author linghua.zhang@me.com
* @link http://lhzhang.com/
* @update 2013-04-02
*
* |/ | (~ (~
* |\.|._)._)
* --------------------------------- */
a {
  color: #3399cc;
}

a:hover {
  color: #55bbee;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-size: 14px;
  font-family: "Overlock", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  color: #555;
  background-image: url("../images/bg.png");
}

a {
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

li {
  padding: 0.2em 0;
}

ol, ul {
  list-style-position: inside;
}

#main {
  margin: 2em 0 1em 0;
}

.header {
  width: 760px;
  margin: 0 auto;
  /*margin: 5em auto 4em auto;*/
  text-align: center;
  text-align: left;
}

.header a {
  color: #999999;
  text-shadow: #e9e9e9 2px 2px 2px;
}

.header a:hover {
  color: #333333;
}

.header h1 {
  display: block;
  float: left;
  font-family: "Coda", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

div.floatnav {
  float: left;
  margin: 2px 0 0 80px;
  padding: 1px 0;
}

div.floatnav span {
  line-height: 40px;
  margin: 1em 1em 0em 0;
}

div.floatnav a {
  font-family: "Coda", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: 1.25em;
  /*text-transform: uppercase;*/
  color: #afafaf;
}

div.floatnav a:hover {
  color: #333333;
}

div.fixnav {
  width: 20px;
  z-index: 99;
  margin: 0 auto;
  padding: 1px 0;
  text-align: right;
  position: fixed;
  top: 0em;
  left: 2em;
}

div.fixnav span {
  display: block;
  margin: 1em 0;
}

div.fixnav a {
  /*font-family: "Coda", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;*/
  font-size: 1.25em;
  text-transform: uppercase;
  color: #afafaf;
}

div.fixnav a:hover {
  color: #333333;
}

.content {
  width: 760px;
  margin:0 auto;
  font-size: 1.1em;
  line-height: 1.7em;
}

.content .article {
  padding: 1.25em 24px;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  margin: 2em 0;
  border-radius: 5px;
}

/*.article div.post ul.listing{
  margin-left: 0 !important;
  float:none !important;
}*/

.content a ,.content h2{
    color: #7C7C7C;
}

.content a:hover,.content h2:hover {
    color: #333333;
}

.content .post img {
  max-width: 710px;
  display: block;
  box-shadow: #999999 0px 8px 4px -4px;
  margin: 0.5em auto;
}

.content p {
  padding: 0.7em 0;
}

.content pre code {
  margin: 1em -25px 1em -25px;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: .7em;
  padding-bottom: .7em;
  background: #f8f8f8;
  color: #444;
  border: 1px solid #e0e0e0;
  font-size: 13px;
  font-family: Monaco, monospace;
  line-height: 1.6;
  display: block;
  overflow: auto;
}

.content blockquote {
  display: block;
  text-align: justify;
  border-left: 4px solid #eeeeee;
  margin: 1em 0em;
  padding-left: 1.5em;
}

.content blockquote p {
  margin: 0;
  padding: 0;
}

.content li.listing-item, .content li.listing-seperator {
  list-style-type: none;
  padding: 0;
}

.content li.listing-item a, .content li.listing-seperator a {
  padding: 0.2em 1em;
}

.content li.listing-item time, .content li.listing-seperator time {
  color: #999999;
}

.content li.listing-seperator {
  font-weight: bold;
}

.content .meta {
  color: #c0c0c0;
  margin: 0.25em 0 1em;
}
.content .meta .tags,.content .meta .categories{
  margin-left: 10px;
}
.content .meta .tags a,.content .meta .categories a {
  color: #c0c0c0;
  padding: .25em;
}

.content .meta .tags a:hover,.content .meta .categories a:hover {
  color: #999999;
}

.content #page_nav {
  text-align: center;
  margin: 2em 0;
}

.content #page_nav a {
  font-family: "Coda", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: .8em;
  padding: 0.25em 1em;
  color: #a0a0a0;
  background-color: #e0e0e0;
  margin: 0 1em;
  text-transform: uppercase;
}

.content #page_nav a:hover {
  background-color: #e6e6e6;
}

#ds-thread,#comment {
  margin-top: 2em;
}

.circle-wrapper {
  margin: 2em 0;
  display: block;
}

.circle-wrapper:hover .circle {
  background-color: #333333;
}

.circle {
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  line-height: 1;
  background-color: #cccccc;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  border-radius: 0.4em;
}

.center {
  clear:both;
  text-align: center;
}

.pagination {text-align: center;}
.pagination .paginator-list a{display: inline-block;color:#afafaf;padding: 2px 5px;background-color: #fff;border: 1px solid #ddd;border-radius: 15px;text-decoration: none;}
.pagination .paginator-list a:hover{color:#3399cc;}
.pagination .paginator-lista.current{color:#333 !important; cursor: default;}

hr {
  margin: 0.7em 0;
  border-top: 1px dashed #d0d0d0;
  border-bottom: 1px dashed #f9f9f9;
}

#footer {
  font-family: "Balthazar";
  font-size: 1em;
  line-height: 1.2em;
  text-align: center;
  color: #909090;
}

#footer a {
  color: #cccccc;
}

#footer a:hover {
  color: #999999;
}

#tag_cloud {
  margin-bottom: 1em;
}

#tag_cloud a:hover {
  color: red !important;
  text-decoration: none;
}

li[id*='dsq-like-'] {
  display: none;
}

#dsq-global-toolbar, #dsq-like-tooltip, #dsq-sort-by, .dsq-comment-moderate {
  display: none;
}

.dsq-comment-header {
  border: none !important;
  background: none !important;
}

#disqus_thread h3 {
  font-size: 1em !important;
  font-weight: normal !important;
  margin: 0 !important;
}

#dsq-footer {
  display: none;
}

.gist {
  font-size: 13px;
  line-height: 1.6;
}

#updown {
  width: 50px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: 400px;
  margin-top: -50px;
}

#updown span {
  margin: -10px 0;
  display: block;
  width: 32px;
  cursor: pointer;
}

#updown span a {
  font-size: 50px;
  color: #afafaf;
}

#updown span a:hover {
  color: #333;
}

#updown span #reply {
  font-size: 35px;
  margin-left: 10px;
}

div.anchorouter{
  margin-left: -20px;
  position: relative;
}
div.anchorouter li{
  margin-left: 20px;
}
div.anchorouter a.anchor{
  display: none;
}
div.anchorouter:hover a.anchor{
  display: block;
}
a.anchor{
  position: absolute;
  top:0;
  left:0px;
  bottom: 0;
  cursor: pointer;
}
span.anchor{
  color:#555;
  display: block;
  font-size: 16px;
  width:16px;
  height:16px;
}



/* webkit scroller */
::-webkit-scrollbar-thumb{
  height:10px;
  background-color:#ccc;
}
::-webkit-scrollbar-thumb:hover{
  height:10px;
  background-color:#bbb;
}
::-webkit-scrollbar{
  width: 8px;
  height: 5px;
  background: #f8f8f8;
  margin-right: 15px;
}


.copyright{
  background:#f6f6f6;
  border: 1px dashed #ccc;
  color:#555;
  padding: 5px;
}
.copyright p{padding:0;}

